layui.use(['table', 'layer'], function () {
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table;

//计划向数据的表格
    var tableIns = table.render({
        id: 'cusDevPlanTable'
        , elem: '#cusDevPlanList'
        //容器的高度，full差值
        , height: 'full-125'
        //请求数据的接口 从
        , url: '/crm/cus_dev_plan/list?saleChanceId=' + $("[name='id']").val() //数据接口
        , cellMinWidth: 95  //最小表格宽度
        , limit: 10   //每页显示数量为10条
        , page: true //开启分页
        , limits: [10, 20, 30, 40, 50]  // 每页页数的可选项
        , toolbar: '#toolbarDemo'
        , cols: [[ //表头
            //field 设定字段名。非常重要，且是表格数据列的唯一标识
            //title设定标题名称
            //sort 是否允许排序（默认：false）。如果设置 true，则在对应的表头显示排序icon，从而对列开启排序功能。
            //fixed
            {type: 'checkbox', fixed: 'center'}
            , {field: 'id', title: 'ID', sort: true, fixed: 'left'}
            , {field: 'planItem', title: '计划项', align: 'center'}
            , {field: 'planDate', title: '计划时间', align: 'center'}
            , {field: 'createDate', title: '创建时间', align: 'center'}
            , {field: 'updateDate', title: '更新时间', align: 'center'}
            , {title: '操作', templet: '#cusDevPlanListBar', fixed: 'right', align: 'center', minWith: '150'}
        ]]
    });

    /**
     * 监听头部工具栏
     */
    table.on('toolbar(cusDevPlans)', function (data) {
        if (data.event == "add") {    //添加计划项
            openAddOrUpdateCusDevPlanDialog();
        } else if (data.event == "success") {//成功

            updateSaleChanceDevResult(2); //开发成功
        } else if (data.event == "failed") {//失败

            updateSaleChanceDevResult(3); //开发失败
        }
    });

    /**
     * 打开添加或修改计划的页面
     */
    function openAddOrUpdateCusDevPlanDialog(id) {

        var title = "<h2>计划项管理-添加计划项</h2>";

        var url = ctx + "/cus_dev_plan/toAddOrUpdateCusDevPlanPage?sId=" + $("[name='id']").val();

        if (id != null && id != '') {
            title = "<h2>计划项管理-更新计划项</h2>";
            url += "&id=" + id;
        }
        // iframe层
        layui.layer.open({
            // 类型
            type: 2,
            // 标题
            title: title,
            // 宽高
            area: ['500px', '300px'],
            // url地址
            content: url,
            // 可以最大化与最小化
            maxmin: true
        });
    }


    /**
     * 绑定行工具栏
     */
    table.on('tool(cusDevPlans)', function (data) {
        if (data.event == "edit") {
            //编辑操作
            openAddOrUpdateCusDevPlanDialog(data.data.id);

        } else if (data.event == "del") {
            //删除操作
            deleteCusDevPlan(data.data.id);
        }

    });

    /**
     * 删除计划项
     */
    function deleteCusDevPlan(id) {
        layer.confirm("确定删除该计划项吗？", {icon: 3, title: '开发项数据管理'}, function (index) {

            $.post(ctx + "/cus_dev_plan/delete", {id: id}, function (result) {
                if (result.code == 200) {
                    layer.msg('删除成功', {icon: 6});
                    tableIns.reload();
                } else {
                    layer.msg('删除失败', {icon: 5});
                }

            })

        });
    }

    /**
     * 更新营销机会的开发状态
     * @param devResult
     */
    function updateSaleChanceDevResult(devResult) {
        //弹出确认框
        layer.confirm('确认执行该操作吗？', {icon: 3, title: "营销机会管理"}, function (index) {

            //通过隐藏域拿到id
            var sId = $("[name='id']").val();
            $.post(ctx + '/sale_chance/updateSaleChanceDevResult', {id: sId, devResult: devResult}, function (result) {
                if (result.code == 200) {
                    layer.msg('更新成功', {icon: 6});
                    layer.closeAll("iframe");
                    //刷新父页面
                    parent.location.reload();

                } else {
                    layer.msg(result.msg, {icon: 5});
                }

            });

        });
    }

});
